<%--
  Created by IntelliJ IDEA.
  User: kuibu
  Date: 16/2/25
  Time: 下午8:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>跬步</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="google" content="notranslate">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="theme-color" content="#3baa24">
    <link rel="icon" sizes="192x192" href="http://img.kuibutech.com/kbApp_fixedImage/favcion.jpg">
    <meta name="keywords"
          content="跬步,大学生,信息,资讯,大学生圈,社交,话题">
    <meta name="description" content="大学，用跬步 ！90后视角的价值资讯，毫无违和感的热门话题，打造专属大学生的资讯APP">

    <link rel="stylesheet" href="http://www.kuibutech.com/kuibuversion1/css/wandoujia.css">
    <link rel="stylesheet" type="text/css" href="http://www.kuibutech.com/kuibuversion1/css/sweetalert.css">
    <script src="http://www.kuibutech.com/kuibuversion1/js/sweetalert.min.js"></script>
</head>

<script>
    function iosDownload() {
        if (is_weixn()) {
            swal({
                title: "",
                text: "链接打不开? 点击右上角选择<br/><img width='30px' height='15px' src='http://img.kuibutech.com/kbApp_fixedImage/wxopensafari.png'><span style=\"color:red\">\"在Safari中打开\"<span>",
                html: true,
                allowOutsideClick:true,
                showConfirmButton:false
            });
//            event.stopImmediatePropagation();
            return false;
        } else {
            window.open('https://itunes.apple.com/us/app/id1019254614');
        }

    }

    function androidDownload() {
        if (is_weixn()) {
            swal({
                title: "",
                text: "链接打不开? 点击右上角选择<br/><img width='30px' height='15px' src='http://img.kuibutech.com/kbApp_fixedImage/wxopensafari.png'><span style=\"color:red\">\"在浏览器中打开\"<span>",
                html: true,
                allowOutsideClick:true,
                showConfirmButton:false
            });
            event.stopImmediatePropagation();
        } else {
            window.open('http://www.kuibutech.com/market/kuibu/apk/KuiBu.apk');
        }

    }

    function is_weixn() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }


</script>

<body style="background-color: #EEE">
<div class="section top" id="home-hero">
    <div class="container">
        <div id="herp-wrap">

            <!--应用介绍-->
            <div id="info">
                <div class="icon"><img src="http://img.kuibutech.com/kbApp_fixedImage/logo.png"></div>
                <h1>跬 步</h1>

                <p class="description">上大学，用跬步 ！90后视角的价值资讯，毫无违和感的热门话题，打造专属大学生的资讯APP。获知成长，绝对不止大学课堂 ！</p>
                <div style="height: 80px">

                </div>
                <div class="action">
                    <button class="button ios-install r-btn-download "
                            onclick=iosDownload()><i></i>安装 iOS 版
                    </button>
                    <button class="button android-install r-btn-download "
                            onclick=androidDownload()><i></i>安装
                        Android 版
                    </button>
                    <a href="/kuibuversion1/kuibu/login"><button class="button" style="display: inline-block; vertical-align: middle;">登录 / 注册</button></a>
                </div>
            </div>


            <!--这里是应用的大图-->
            <div id="screenshot"></div>
        </div>
    </div>
</div>


<div class="section gray" id="feature-list">
    <div class="container">

        <ul class="cont">
            <li>
                <div class="thumbnail illustration-1"></div>
                <div class="inner"><h2>跬步<br>价值资讯</h2>

                    <p>最懂大学生的编辑团队，2200+信息源，全新阅读体验即刻到来。用心经营挑选，为你大开视界 !</p></div>
            </li>
            <li class="align-right">
                <div class="thumbnail illustration-2"></div>
                <div class="inner"><h2>话题来袭</h2>

                    <p>话题板块全新来袭！神回复，趣段子，笑点飞跃同龄人！神侃，po图，更多互动等你来发现！槽点满满，U can U BB！</p></div>
            </li>
            <li>
                <div class="thumbnail illustration-3"></div>
                <div class="inner"><h2>热门推荐</h2>

                    <p>网罗当下最热门，最酷图，最知识，每日新闻Top5，6大主题推送，激活你的信息知觉！</p></div>
            </li>
            <li class="align-right support-ipad">
                <div class="thumbnail illustration-4"></div>
                <div class="inner"><h2>全新界面</h2>

                    <p>摆脱列表式的单一沉闷，全新卡片式设计再次超越想象！层次与美感兼收并蓄，黑金配色就是这么高大上！</p></div>
            </li>
        </ul>
    </div>
</div>


<div id="ending">
    <div class="container">
        <div class="icon"><img src="http://img.kuibutech.com/kbApp_fixedImage/logo.png"></div>
        <div class="info">
            <div class="inner">
                <div class="title">跬 步</div>
                <div class="description">陪你走好大学的每一步</div>
            </div>
            <div class="action">
                <button class="button ios-install r-btn-download"
                        onclick=iosDownload()><i></i>安装 iOS 版
                </button>
                <button class="button android-install r-btn-download"
                        onclick=androidDownload()><i></i>安装 Android 版
                </button>
            </div>
        </div>
    </div>
</div>
<script src="http://www.kuibutech.com/kuibuversion1/js/wandou2.js"></script>

</body>
</html>
